<style>
    #footer a {
        display: block;
        float: left;
        width: 25%;
        text-align: center;
    }
    #footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 55px;
        border-top: 1px solid #d5d5d5;
        background-color: #FFFFFF;
    }
    #footer a .pic {
        margin-top: 5px;
        width: 28px;
    }
    #footer a .pic img {
        margin-left: 36px;
        width: 100%;
        height: auto;
    }
    #footer a .topic {
        font-size: 14px;
        /*margin-top: 8px;*/
        /*color: #999;*/
        /*font-family: "Microsoft Yahei";*/
        color: #331f20;
    }
</style>

<div id="footer">
    <a href="http://www.xiangtws.com/index.php/Wx/Index/index.html">
        <div class="pic"><img src="__PUBLIC__/New/image/home1.png"/><!--<img src="__PUBLIC__/Wx/img/icon-index.png"/>--></div>
        <div class="topic">我的社区</div>
    </a>
    <a href="http://news.xiangtws.com/Wx/Village/country/adid/{$Think.session.openid}/nickname/{$Think.session.nickname}/">
        <div class="pic"><img src="__PUBLIC__/New/image/home3.png"/><!--<img src="__PUBLIC__/Wx/img/icon-village.png"/>--></div>
        <div class="topic">最美乡村</div>
    </a>
    <!--<a href="http://news.xiangtws.com/index.php/Wx/Article/stories_ls/">-->
    <!--<div class="pic"><img src="__PUBLIC__/Wx/img/icon-article.png"/></div>-->
    <!--<div class="topic">乡村夜话</div>-->
    <!--</a>-->
    <a href="http://www.xiangtws.com/index.php/Wx/Product/index.html">
        <div class="pic"><img src="__PUBLIC__/New/image/home2.png"/><!--<img src="__PUBLIC__/Wx/img/icon-landmark.png"/>--></div>
        <div class="topic">地标产品</div>
    </a>
    <a href="http://www.xiangtws.com/index.php/Wx/User/index">
        <div class="pic"><img src="__PUBLIC__/New/image/home4.png"/><!--<img src="__PUBLIC__/Wx/img/icon-my02.png"/>--></div>
        <div class="topic">会员中心</div>
    </a>
</div>